<template>
	<view>
		<view style="width: 100%;text-align: center;">
			<image src="../../static/image/huizhang.png" style="width: 300rpx;height: 300rpx;position: relative;top: 150rpx;"
				mode="aspectFit"></image>
		</view>
		<view style="padding: 100rpx 20rpx 20rpx 20rpx;width: 80%;margin: 0 auto;box-shadow: 0 0 30rpx #d81e06;border-radius: 20rpx;margin-bottom: 20rpx;">
			<view v-for="(item,index) in ['爱心活动','自助回收次数','总回收数量','减少碳排放','减少森林污染','减少土地污染','减少湿地污染','保护水资源']"
			 style="display: flex;justify-content: space-between;margin-bottom: 40rpx;">
				<view style="display: flex;justify-content: flex-start;align-items: center;line-height: 50rpx;">
					<!-- 小线条 -->
					<view style="width: 6rpx;height: 40rpx;background-color: #05c398;margin-right: 10rpx;"></view>
					<text>{{item}}</text>
				</view>
				<text>{{index==0?'4次':index==1?'6次':index==2?'28千克':index==3?'700千克':index==4?'980平方米':index==5?'1260平方米':index==6?'1540平方米':'1820平方米'}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>

</style>
